<template>
  <div class="test-directive-container">
    <el-button type="primary" v-clipboard="content">复制</el-button>
    <el-button type="success" v-debounceImmediate:1000="debounceFn">防抖</el-button>
    <icon-svg className="dianfengshan-class" type="dianfengshan"></icon-svg>
  </div>
</template>

<script>
export default {
  name: 'testDirectives',
  data() {
    return {
      content: '这是复制的内容'
    };
  },
  methods: {
    debounceFn() {
      console.log('debounceFn', this.content);
    }
  }
};
</script>

<style lang="scss" scoped>
.test-directive-container {
  text-align: center;
}
.svg-icon-dianfengshan-class {
  width: 80px;
  height: 80px;
  color: red;
}
</style>
